<meta charset="utf-8" name="viewport" content="width=device-width" />
<style>
div{
  width:300px;
}

h2{
  font-size:18px;
  color:white;
  font-weight:700;
  line-height:35px;
  background:linear-gradient(to bottom,#0c6caf,#aad4f0);
  text-indent:20px;
}

h4{
  font-size:14px;
  color:#0565c6;
  font-weight:700;
  line-height:30px;
  background:linear-gradient(to bottom,#e7f5ff,#c0e0f7,#e7f5ff);
  text-indent:20px;
}

h4 a:link{
  text-decoration:none;
}
h4 a:hover{
  text-decoration:underline;
}

ul{
   text-indent:10px;
}

li{
  font-size:10px;
  line-height:26px;
  list-style:none;
}

ul li:nth-of-child(2){
  text-indent:10px;
}

li>a:link{
  color:grey;
  text-decoration:none;
}
li>a:hover{
  color:#aa5c3f;
  text-decoration:underline;
}

</style>
<head>
  <title>家用电器分类</title>
</head>

<body>

<div>
<h2>家用电器</h2>


<ul>
  <li><h4><a href="#">大家电</a></h4></li>
  <li><a href="#">平板电视</a>  <a href="#">洗衣机</a>  <a href="#">冰箱</a></li>
  <li><a href="#">空调</a>  <a href="#">烟机/灶具</a>  <a href="#">热水器</a></li>
  <li><a href="#">冷柜/酒柜</a>  <a href="#">消毒柜</a>  <a href="#">家庭影院</a></li>
</ul>

<ul>
  <li><h4><a href="#">生活电器</a></h4></li>
  <li><a href="#">电风扇</a>  <a href="#">净化器</a>  <a href="#">吸尘器</a></li>
  <li><a href="#">净水设备</a>  <a href="#">挂烫机</a>  <a href="#">电话机</a></li>
</ul>

<ul>
  <li><h4><a href="#">厨房电器</a></h4></li>
  <li><a href="#">榨汁机</a>  <a href="#">电压力锅</a>  <a href="#">电饭煲</a></li>
  <li><a href="#">豆浆机</a>  <a href="#">微波炉</a>  <a href="#">电磁炉</a></li>
</ul>

<ul>
  <li><h4><a href="#">五金家装</a></h4></li>
  <li><a href="#">淋浴/水槽</a>  <a href="#">电动工具</a>  <a href="#">手动工具</a></li>
  <li><a href="#">仪器仪表</a>  <a href="#">浴霸/排气</a>  <a href="#">灯具</a></li>
</ul>

</div>

</body>